<template>
  <div class="modal is-active">
    <div class="modal-background"></div><!-- 点击遮罩层隐藏模态框 -->
    <div class="modal-card">
      <header class="modal-card-head">
        <slot name="header">
          <p class="modal-card-title">头部信息</p>
          <button class="delete" aria-label="close"></button>
        </slot>
      </header>
      <section class="modal-card-body modal-body" style="display:flex;flex-direction: column;justify-content:flex-start;">
        <slot name="default">body信息</slot>
      </section>
      <footer class="modal-card-foot">
        <slot name="footer">底部信息</slot>
      </footer>
    </div>
  </div>
</template>

<script>
export default {

};
</script>

<style scoped>
.modal-body label{
  text-align: right;
}
</style>
